@charset "utf-8";

*{padding:0;margin:0;font-family: 'Microsoft YaHei';background-repeat: no-repeat;font-size: 16px;color: #999;}

body{background: #010207;}

img{border:none;}

a{text-decoration: none;color: #999;}

h1,h2,h3,h4,h5,h6,b,strong{font-weight: normal;}

em,i{font-style: normal;}

i{display: inline-block;}

ol,ul,li{list-style: none; padding: 0; margin: 0;}

body {overflow: scroll;overflow-x: hidden;}

table { border-collapse: collapse; border-spacing: 0; }

ul{padding: 0; margin: 0;}

td{border: solid;}

/*主色蓝1674fb主色黄fcc02e*/

.line{width: 100%; height: 1px;display: block;clear: both;}

.bg_icon{display: block;width: 50%;height: auto;position: absolute;z-index: -1;}

.bg_icon1{top: 1530px; left: 0;}

.bg_icon2{top: 2900px; right: 0;transform: rotateY(180deg);}



.page_title{width: 1200px; height: auto;margin: 38px auto auto auto;}

.page_title h1{width: 100%; height: 40px;text-align: center;position: relative;}

.page_title h1 span{height: 40px;line-height: 40px;font-weight: bold;font-size: 40px;color: #fff;display: inline-block;position: relative;}

.page_title h1 span::after{content: ' ';display: block;width: calc(100% + 40px); height: 1px;background: #010207;position: absolute; top: 20px; left: -20px;z-index: -1;}

.page_title h1 i{display: inline-block;width: 100%; height: 100px;position: absolute; top: -48px; left: 0;background-image: linear-gradient(0deg,#252525,#393939,#999);background-clip:text;-webkit-background-clip:text;color: transparent;font-size: 54px;font-weight: bold;z-index: -1;opacity: 0.2;}

.page_title h1 s{width: 1200px; height: 1px;background: #393939;position: absolute; top: 20px; left: 0;z-index: -2;}

.page_title h2{width: 100%; height: auto;line-height: 80px; overflow: hidden;text-align: center;font-weight: normal;font-size: 20px;color: #fff;}

.page_title img{border-radius:20px;}

.header{width: 100%;height: 80px;position: absolute;top: 0;left: 0;z-index: 999;transition-duration: 1s;}

.header .lang{width: auto; height: 80px;float: right;margin-right: 20px;color: #fff;}

.header .lang a{height: 80px; line-height: 80px;color: #fff;}

.header .lang a:hover{font-weight: bold;}

.header .lang .active{font-weight: bold;}

.header .logo{width: 212px; height: 80px;float: left;}

.header .logo img{width: 132px; height: 50px;display: block;margin: 30px auto auto 30px;}

.header .menu{width: auto; height: 80px;float: right; margin-right: 20px;}

.header .menu li{display: block;height: 80px; line-height: 80px;float: left; margin-right: 20px;position: relative;}

.header .menu li a{color: #fff;}

.header .menu li a:hover{font-weight: bold;}

.header .menu li .active{font-weight: bold;}

.header .menu li ul{display: block;width: 260px; height: 0; overflow: hidden;position: absolute;background-color: rgba(0,0,0,0.6);left: 50%; margin-left: -130px;transition-duration: 0.3s;}

.header .menu li ul a{display: block;width: 260px; height: 50px; line-height: 50px;text-align: center;}

.header .menu li:hover ul{height: 100px;}



.index_bg{width: 100%; height: 100vh;background-size: cover;background-position: 50%;position: relative;}

.index_bg h1{display: block;width: 100%; line-height: 70px;color: #fff;font-size: 40px;text-align: center;position: absolute;top: 25%;left: 0;opacity:0;transition-duration: 3s;font-weight: bold;text-shadow:#010207 1px 1px 2px;}

.index_bg h2{display: block;width: 100%; line-height: 70px;color: #fff;font-size: 16px;text-align: center;position: absolute;top: 25%;left: 0;opacity:0;transition-duration: 3s;font-weight: normal;text-shadow:#010207 1px 1px 2px;}

.index_bg h3{display: block;width: 100%; line-height: 30px;color: #fff;font-size: 16px;text-align: center;position: absolute;top: 25%;left: 0;opacity:0;transition-duration: 3s;font-weight: normal;}

.index_bg h3 a{display: block;width: 180px; height: 50px; line-height: 50px;background: #1674fb;color: #fff; margin: 20px auto auto auto;border-radius: 50px;cursor:pointer;}

.index_bg h4{display: block;width: 100%; line-height: 70px;color: #fff;font-size: 16px;text-align: center;position: absolute;top: 25%;left: 0;opacity:0;transition-duration: 3s;font-weight: normal;text-shadow:#010207 1px 1px 2px;}



.new_bg{width: 100%; height: 500px;overflow: hidden;}

.new_bg h1{display: block;width: 100%; line-height: 70px;color: #fff;font-size: 40px;text-align: center;font-weight: bold;text-shadow:#010207 1px 1px 2px;margin: 200px auto auto auto;}

.new_bg h2{display: block;width: 100%; line-height: 70px;color: #fff;font-size: 20px;text-align: center;font-weight: normal;text-shadow:#010207 1px 1px 2px;}



.index_data0{width: 1200px; height: auto;margin: 0 auto;}

.index_data0 .main{width: 1200px;height: auto; margin: 30px auto auto auto;position: relative;}

.index_data0 .main img{display: block;width: 1200px; height: auto;}

.index_data0 .main ul{display: block;width: 1200px; height: auto; position: absolute; top: 0;left: 0;z-index: 1;}

.index_data0 .main ul p{position: absolute;font-size: 32px;color: #fff;text-shadow:#010207 5px 5px 1px;text-align: center;transition: font-size 0.5s ease 0s;z-index: 1;}

.index_data0 .main ul .data0{top: 0; left: 0;width: 100%;}

.index_data0 .main ul .data1{top: 336px; left: 144px;font-weight: bold;width: 200px;cursor:pointer;}

.index_data0 .main ul .data2{top: 326px; left: 872px;font-weight: bold;width: 200px;cursor:pointer;}

.index_data0 .main ul .data3{top: 559px; left: 13px;font-weight: bold;width: 100%;cursor:pointer;}

.index_data0 .main ul .data4{font-size: 20px;top: 60px; left: 0;width: 100%;}

.index_data0 .main ul s{width: 200px; height: auto;text-align: center;font-size: 18px;color: #fff;line-height: 26px;padding: 10px 0; text-decoration: none;font-weight: normal;position: absolute;background-color: rgba(0,0,0,0.4);border-radius: 10px;top: 50px;left: 50%; margin-left: -100px;display: none;}
.index_data0 .main ul .data1 .gif{width: 200px; height: auto;margin: -100px auto auto 5px;position: relative;z-index: -1;display: none;}
.index_data0 .main ul .data2 .gif{width: 200px; height: auto;margin: -100px auto auto 5px;position: relative;z-index: -1;display: none;}
.index_data0 .main ul .data3 .gif{width: 200px; height: auto;margin: -100px auto auto 505px;position: relative;z-index: -1;display: none;}
.index_data0 .main ul p:hover{font-size: 36px;}
.index_data0 .main ul p:hover s{display: block;}
.index_data0 .main ul p:hover .gif{display: block;}



.index_data1{width: 1242px; height: auto;overflow: hidden;margin: 30px auto auto auto;}

.index_data1 .main{width: 1242px; height: auto; overflow: hidden;margin-top: 80px;padding-bottom: 20px;}

.index_data1 .main .data{width: 577px; height: auto; overflow: hidden;float: left;border-radius: 20px;margin:auto 20px auto 20px;box-shadow: 5px 5px 5px #333;position: relative;}

.index_data1 .main .data img{display: block;width: 577px; height: auto; margin: 0 auto;}

.index_data1 .main .data ul{display: block;width: 577px; height: auto; overflow: hidden;margin: 0 auto;text-align: center;position: absolute; left: 0; bottom: 0;padding-bottom: 40px; background-image: linear-gradient(to top, black, transparent);}

.index_data1 .main .data ul h1{font-size: 20px;color: #fff;margin-top: 20px;text-align: center; margin-bottom: 10px;}

.index_data1 .tip{width: 1200px; height: auto; margin: 0 auto;line-height: 30px;}



.index_data2{width: 1200px; height: auto;margin: 30px auto auto auto;}

.index_data2 .main{width: 1200px; height: 600px;position: relative;margin-top: 100px;}

.index_data2 .main .data{position: absolute;}

.index_data2 .main .data ul{display: block;width: 100%; height: 100%; position: relative;}

.index_data2 .main .data ul span{display: block;width: 100%; height: 100%; position: absolute; top: 0;left: 0;background-color: rgba(0,0,0,0.2);z-index: 1;transition: background-color 0.5s ease 0s;}

.index_data2 .main .data ul img{display: block;position: absolute; top: 0;left: 0;width: 100%; height: 100%;transform: scale(1);transition: transform 0.5s ease 0s;}

.index_data2 .main .data ul h1{display: block;width: auto;height: 40px; line-height: 40px;color: #fff; position: absolute; left: 20px;bottom: 20px;z-index: 2;text-shadow:#010207 1px 1px 2px;font-size: 18px;padding: 0 20px;background-color: rgba(0,0,0,0.4);border-radius: 10px;}

.index_data2 .main .data:nth-child(1){width: 400px; height: 400px;top: 50px;left: 0;}

.index_data2 .main .data:nth-child(2){width: 220px; height: 220px;top: 0;left: 400px;}

.index_data2 .main .data:nth-child(3){width: 280px; height: 280px;top: 220px;left: 400px;}

.index_data2 .main .data:nth-child(4){width: 180px; height: 180px;top: 40px;left: 620px;}

.index_data2 .main .data:nth-child(5){width: 240px; height: 240px;top: 220px;left: 680px;}

.index_data2 .main .data:nth-child(6){width: 280px; height: 280px;top: 220px;right: 0;}

.index_data2 .main .data:nth-child(7){width: 400px; height: 220px;top: 0;right: 0;}



/*.index_data2 .main .data:nth-child(1){width: 400px; height: 400px;top: 50px;right: 0;}

.index_data2 .main .data:nth-child(2){width: 220px; height: 220px;top: 0;right: 400px;}

.index_data2 .main .data:nth-child(3){width: 280px; height: 280px;top: 220px;right: 400px;}

.index_data2 .main .data:nth-child(4){width: 180px; height: 180px;top: 40px;right: 620px;}

.index_data2 .main .data:nth-child(5){width: 240px; height: 240px;top: 220px;right: 680px;}

.index_data2 .main .data:nth-child(6){width: 280px; height: 280px;top: 220px;left: 0;}

.index_data2 .main .data:nth-child(7){width: 400px; height: 220px;top: 0;left: 0;}*/
.index_data2 .main .data:hover{z-index: 2;}
.index_data2 .main .data:hover ul span{background-color: rgba(0,0,0,0);transform: scale(1.2);}
.index_data2 .main .data:hover ul img{transform: scale(1.2);}


.footer{width: 100%; height: auto;overflow: hidden;background-color: #0b0b0b;}

.footer .menu{width: 1200px; height: 50px; margin: 0 auto;border-bottom: 1px ridge rgba(57, 57, 58, 0.46);text-align: center;}

.footer .menu .a{display: inline-block;height: 50px; line-height: 50px;transition: all 0.8s ease;padding: 0 20px;position: relative;}

.footer .menu .a:hover{color: #fff;}

.footer .menu .a ul{width: 100%; height: auto;position: absolute; top: 50px; left: 0;background: #000;border-radius: 10px;display: none;}

.footer .menu .a ul a{display: block;width: 100%; height: 30px; line-height: 30px;text-align: center;}

.footer .menu .a ul a:hover{color: #fff;}

.footer .menu .a:hover ul{display: block;}

.footer .bottom{width: 100%; height: auto;line-height: 40px; overflow: hidden; margin: 0 auto;margin: 20px auto 30px auto;text-align: center;font-size: 14px;}

.footer .bottom a{font-size: 14px;transition: all 0.8s ease;}

.footer .bottom a:hover{color: #fff;}



.details{width: 1200px; height: auto; overflow: hidden;margin: 0 auto;}

.details .title{width: 1200px; height: auto; line-height: 50px; margin: 200px auto auto auto;text-align: center;font-size: 30px;color: #fff;}

.details .main{width: 1200px; height: auto; overflow: hidden; margin: 100px auto auto auto;}

.details .main img{max-width: 100%;}



.details_show_bg{width: 100%; height: 100%;position: fixed;background: #000;z-index: 1000;top: 0;left: 0;display: none;}

.details_show{width: 1000px; height: 80%;background: #fff;position: fixed;border-radius: 10px;z-index: 1001;top: 10%;left: 50%; margin-left: -500px;display: none;}

.details_show .main{overflow-x: hidden;overflow-y: auto;width: 960px; height: calc(100% - 40px);margin: 20px auto auto auto;}

.details_show .main::-webkit-scrollbar{width:6px}

.details_show .main::-webkit-scrollbar,.details_show .main::-webkit-scrollbar-track{background:transparent}

.details_show .main::-webkit-scrollbar-thumb{background:#aeaeae}

.details_show .main h1{display: block;width: 920px; height: auto; margin: 0 auto;line-height: 48px;font-size: 30px;text-align: center;color: #333;}

.details_show .main ul{padding: 20px;line-height: 30px;}

.details_show .main ul img{max-width: 100%;}
.details_show .main ul video{max-width: 100%;}


.about_main1{width: 1200px; height: auto; overflow: hidden; margin: 30px auto auto auto;}

.about_main1 .main{width: 1200px; height: 442px; overflow: hidden; margin: 20px auto auto auto;position: relative;}

.about_main1 .main img{width: 600px; height: 442px;position: absolute; top: 0;left: 0;}

.about_main1 .main ul{position: absolute; z-index: 1;}

.about_main1 .main ul span{display: block; width: 80px;height: 40px;line-height: 40px;color: #fff;text-align: center; -webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);background: #1674fb;float: left;box-shadow: 3px 3px 2px #010207;}

.about_main1 .main ul p{display: block;width: 560px; height: 38px; line-height: 38px; overflow: hidden;float: left;color: #fff;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);border: 1px #393939 solid;margin-left: 10px;text-indent: 10px;box-shadow: 3px 3px 2px #010207;}

.about_main1 .main .data1{top: 27px;left: 539px;}

.about_main1 .main .data2{top: 97px;left: 515px;}

.about_main1 .main .data3{top: 167px;left: 491px;}

.about_main1 .main .data4{top: 237px;left: 467px;}

.about_main1 .main .data5{top: 307px;left: 443px;}

.about_main1 .main .data6{top: 377px;left: 419px;}

.about_main1 .text{width: 1200px;height: auto;overflow: hidden;padding-top: 30px;}

.about_main1 .text h1{display: block;width: 1200px; height: 30px; line-height: 30px;font-weight: bold;color: #fff;}

.about_main1 .text p{display: block;width: 1200px; height: auto;font-size: 14px; line-height: 30px;color: hsla(0,0%,100%,.68);padding-top: 20px;}



.about_main2{width: 1200px; height: auto; overflow: hidden; margin: 30px auto auto auto;}

.about_main2 video{display: block;width: 700px; height: auto; margin: 20px auto auto auto;}

.about_main2 .video{width: 1200px!important;display: none;}

.about_main2 .main{width: 1200px; height: 800px; overflow: hidden;margin: 20px auto 60px auto;position: relative;}

.about_main2 .main .no{display: block;width: 300px; height: auto;opacity:0;margin: 90px auto auto 30px;float: left;}
.about_main2 .main .img{display: block;width: 300px; height: auto; position: absolute;z-index: 2;box-shadow: 4px 14px 20px 8px rgb(0 0 0 / 60%);}
.about_main2 .main .bg0{display: block;width: 200px; height: auto; position: absolute;opacity:0.3;z-index: 1;}
.about_main2 .main .bg1{display: block;width: 80px; height: auto; position: absolute;opacity:0.1;z-index: 0;}

.about_main2 .main .img_0{top: 70px; left: 0;}
.about_main2 .main .img_1{top: 40px; left: 415px;}
.about_main2 .main .img_2{top: 0px; right: 0;}
.about_main2 .main .img_3{top: 300px; left: 80px;}
.about_main2 .main .img_4{top: 260px; left: 705px;}
.about_main2 .main .img_5{top: 532px; left: 0;}
.about_main2 .main .img_6{top: 502px; left: 415px;}
.about_main2 .main .img_7{top: 484px; right: 0;}
.about_main2 .main .img_8{top: 780px; left: 0;}
.about_main2 .main .img_9{top: 750px; left: 415px;}
.about_main2 .main .img_10{top: 710px; right: 0;}
.about_main2 .main .img_11{top: 1010px; left: 80px;}
.about_main2 .main .img_12{top: 970px; left: 705px;}
.about_main2 .main .img_13{top: 1242px; left: 0;}
.about_main2 .main .img_14{top: 1212px; left: 415px;}
.about_main2 .main .img_15{top: 1194px; right: 0;}
.about_main2 .main .img_16{top: 1500px; left: 0;}
.about_main2 .main .img_17{top: 1470px; left: 415px;}
.about_main2 .main .img_18{top: 1430px; right: 0;}
.about_main2 .main .img_19{top: 1730px; left: 80px;}
.about_main2 .main .img_20{top: 1690px; left: 705px;}
.about_main2 .main .img_21{top: 1962px; left: 0;}
.about_main2 .main .img_22{top: 1932px; left: 415px;}
.about_main2 .main .img_23{top: 1914px; right: 0;}

.about_main2 .main .bg0_0{top: 0; left: 0;}
.about_main2 .main .bg0_1{top: 24px; left: 293px;}
.about_main2 .main .bg0_2{top: 24px; left: 804px;}
.about_main2 .main .bg0_3{top: 243px; left: 0;}
.about_main2 .main .bg0_4{top: 280px; left: 956px;}
.about_main2 .main .bg0_5{top: 465px; left: 157px;}
.about_main2 .main .bg0_6{top: 524px; left: 657px;}
.about_main2 .main .bg0_7{top: 624px; left: 936px;}
.about_main2 .main .bg0_8{top: 724px; left: 157px;}
.about_main2 .main .bg0_9{top: 757px; left: 622px;}
.about_main2 .main .bg0_10{top: 731px; left: 824px;}
.about_main2 .main .bg0_11{top: 924px; left: 157px;}
.about_main2 .main .bg0_12{top: 978px; left: 557px;}
.about_main2 .main .bg0_13{top: 1170px; left: 0;}
.about_main2 .main .bg0_14{top: 1179px; left: 256px;}
.about_main2 .main .bg0_15{top: 1200px; left: 776px;}
.about_main2 .main .bg0_16{top: 1524px; left: 157px;}
.about_main2 .main .bg0_17{top: 1524px; left: 657px;}
.about_main2 .main .bg0_18{top: 1383px; left: 821px;}
.about_main2 .main .bg0_19{top: 1724px; left: 0;}
.about_main2 .main .bg0_20{top: 1724px; left: 457px;}
.about_main2 .main .bg0_21{top: 1924px; left: 157px;}
.about_main2 .main .bg0_22{top: 1924px; left: 657px;}
.about_main2 .main .bg0_23{top: 2033px; left: 954px;}

.about_main2 .main .bg1_0{top: 0; left: 206px;}
.about_main2 .main .bg1_1{top: 24px; left: 693px;}
.about_main2 .main .bg1_2{top: 153px; left: 804px;}
.about_main2 .main .bg1_3{top: 266px; left: 349px;}
.about_main2 .main .bg1_4{top: 348px; left: 556px;}
.about_main2 .main .bg1_5{top: 574px; left: 313px;}
.about_main2 .main .bg1_6{top: 639px; left: 708px;}
.about_main2 .main .bg1_7{top: 624px; left: 876px;}
.about_main2 .main .bg1_8{top: 724px; left: 45px;}
.about_main2 .main .bg1_9{top: 712px; left: 622px;}
.about_main2 .main .bg1_10{top: 861px; left: 824px;}
.about_main2 .main .bg1_11{top: 1038px; left: 0;}
.about_main2 .main .bg1_12{top: 978px; left: 1023px;}
.about_main2 .main .bg1_13{top: 1327px; left: 503px;}
.about_main2 .main .bg1_14{top: 1299px; left: 720px;}
.about_main2 .main .bg1_15{top: 1322px; left: 906px;}
.about_main2 .main .bg1_16{top: 1459px; left: 157px;}
.about_main2 .main .bg1_17{top: 1442px; left: 657px;}
.about_main2 .main .bg1_18{top: 1599px; left: 942px;}
.about_main2 .main .bg1_19{top: 1867px; left: 0;}
.about_main2 .main .bg1_20{top: 1864px; left: 457px;}
.about_main2 .main .bg1_21{top: 2071px; left: 294px;}
.about_main2 .main .bg1_22{top: 2038px; left: 762px;}
.about_main2 .main .bg1_23{top: 2033px; left: 871px;}


.about_main3{width: 1200px; height:auto;overflow: hidden; margin: auto auto 60px auto;}

.about_main3 .main{width:1200px; height: auto;border-radius: 20px;background-image: linear-gradient(#3c3d42,#292a2e,#17181c,#0c0d0f,#0b0c0e);margin: 40px auto auto auto;overflow: hidden;}

.about_main3 .main ul{display: block;width: 400px; height: auto;float: left;margin: 40px;color: hsla(0,0%,100%,.68); line-height: 30px;font-size: 14px;}

.about_main3 .main ul img{display: block;width: 200px;margin-top: 20px;}

.about_main3 .main #dituContent{width: 680px;height: 500px;float: right;margin: 40px 40px auto auto;border-radius: 20px;overflow: hidden;display: none;}



.news_main{width: 1200px; height: auto; overflow: hidden; margin: 10px auto 30px auto;}

.news_main a{display: block;width: 1200px; height: 280px;overflow: hidden;border-bottom: 1px #333333 solid;cursor:pointer;}

.news_main a .img{width: 310px; height: 200px;overflow: hidden;float: left;border-radius: 10px;margin-top: 40px;}

.news_main a img{display: block;width: 310px; height: 200px;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: opacity .2s ease-in-out, -webkit-transform .5s ease;transition: opacity .2s ease-in-out, -webkit-transform .5s ease;transition: transform .5s ease, opacity .2s ease-in-out;transition: transform .5s ease, opacity .2s ease-in-out, -webkit-transform .5s ease;}

.news_main a ul{display: block;width: 850px; height: 280px;float: right;overflow: hidden;}

.news_main a ul h1{display: block;width: 850px; height: 44px; line-height: 44px;font-weight: bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #fff;font-size: 22px;margin-top: 40px;}

.news_main a ul h2{width: 850px; height: 90px;line-height: 30px;font-weight: normal;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin: 10px auto;}

.news_main a ul h3{display: block;width: 850px; height: 30px; line-height: 30px;}

.news_main a:hover img{-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);-webkit-transition: -webkit-transform .5s ease;transition: -webkit-transform .5s ease;transition: transform .5s ease;transition: transform .5s ease, -webkit-transform .5s ease;}



.recruit_main1{width: 1220px; height: auto;overflow: hidden;margin: 30px auto auto auto;}

.recruit_main1 .main{width: 100%; height: auto; overflow: hidden;text-align: center;}

.recruit_main1 .main .data{display: inline-block;width: 280px; height: 427px; overflow: hidden; margin: 60px 10px auto 10px;overflow: hidden;border-radius: 5px;position: relative;transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);}

.recruit_main1 .main .data img{width: 285px; height: 427px;}

.recruit_main1 .main .data span{display: block;width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);position: absolute; top: 0;left: 0;z-index: 1;}

.recruit_main1 .main .data h1{display: block;width: 245px; height: auto; line-height: 50px; color: #fff;font-size: 26px;font-weight: bold;position: absolute; top: 20px; left: 20px;z-index: 2;text-align: left;}

.recruit_main1 .main .data h2{display: block;width: 245px; height: auto; line-height: 30px; color: #fff;font-size: 16px;font-weight: normal;position: absolute; top: 70px; left: 20px;z-index: 2;text-align: left;}

.recruit_main1 .main .data:hover{transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);-webkit-box-shadow: 0px 11px 22px -2px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 11px 22px -2px rgba(0, 0, 0, 0.5);box-shadow: 0px 11px 22px -2px rgba(0, 0, 0, 0.5);transform: translateY(-20px);}

.recruit_main1 .main .data:hover span{background-color: #1674fb;}



.recruit_main2{width: 1200px; height: auto;overflow: hidden;margin: 30px auto auto auto;}

.recruit_main2 .main{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}

.recruit_main2 .main .data{width: 1200px; height: 300px; margin: 60px auto auto auto;overflow: hidden;}

.recruit_main2 .main .data .img{width: 571px; height: 300px; position: relative;overflow: hidden;border-radius: 10px;float: right;}

.recruit_main2 .main .data .img img{display: block;width: 571px; height: 300px;}

.recruit_main2 .main .data .img span{width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);position: absolute; top: 0;left: 0;z-index: 1;}

.recruit_main2 .main .data ul{display: block;width: 571px; height: 300px;float:left;}

.recruit_main2 .main .data:nth-child(2) .img{float: left;}

.recruit_main2 .main .data:nth-child(2) ul{float: right;}

.recruit_main2 .main .data:hover .img span{display: none;}

.recruit_main2 .main .data ul h1{display: block;width: 100%; line-height: 40px; color: #fff;font-size: 22px;margin-top: 80px;}

.recruit_main2 .main .data ul p{display: block;width: 100%; line-height: 30px;}



.recruit_main3{width: 1200px; height: auto; overflow: hidden; margin: 60px auto;background-image: url('../images/recruit8.png');}

.recruit_main3 .title{width: 1200px; height: auto; overflow: hidden;margin-top: 30px;}

.recruit_main3 .title h1{display: block;width: 1200px; line-height: 50px;text-align: center;color: #fff;font-size: 40px;}

.recruit_main3 .title h2{width: 1200px;line-height: 80px;overflow: hidden;text-align: center;font-weight: normal;font-size: 20px;color: #fff;}

.recruit_main3 a{display: block;width: 180px; height: 50px; line-height: 50px;background: #1674fb;color: #fff; margin: 20px auto 50px auto;border-radius: 5px;cursor:pointer;text-align: center;}



.serve1_main0{width: 1200px; height: 685px; margin: 60px auto auto auto;position: relative;}

.serve1_main0 img{display: block;width: 1200px; height: 685px;}

.serve1_main0 a{position: absolute;display: block;}

.serve1_main0 a h1{display: block;min-width: 160px; color: #84e7fc;font-size: 26px;text-shadow:#fff 1px 1px 1px;background-color: rgba(22,116,251,0.4);padding: 20px;border-radius: 30px;text-align: center;}

.serve1_main0 a ul{display: none;width: 180px; height: auto; line-height: 22px;font-size: 14px;color: #fff;background-color: rgba(0,0,0,0.4);border-radius: 10px;padding: 10px;z-index: 2;position: relative;text-align: justify;}

.serve1_main0 a:hover ul{display: block;}

.serve1_main0 .data1{top: 129px;left: 127px;}

.serve1_main0 .data2{top: 50px;left: 615px;}

.serve1_main0 .data3{top: 568px;left: 103px;}

.serve1_main0 .data4{top: 488px;left: 1027px;}



.serve1_main1{width: 1200px; height: auto;overflow: hidden; margin: 30px auto auto auto;}

.serve1_main1 .main{width: 1200px; height: auto; overflow: hidden;margin-top: 30px;}

.serve1_main1 .main .txt{width: 600px; height: auto;float: left; line-height: 30px;}

.serve1_main1 .main .txt .show{width: 600px; height: 186px;margin-top: 20px;}

.serve1_main1 .main .txt .show ul{display: block;width: 186.66px; height: 186px;position: relative;float: left;margin-right: 20px;}

.serve1_main1 .main .txt .show ul:nth-child(3){margin-right: 0;}

.serve1_main1 .main .txt .show ul img{width: 100%; height: 100%;}

.serve1_main1 .main .txt .show ul span{width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);position: absolute; top: 0;left: 0;z-index: 1;}

.serve1_main1 .main .txt .show ul:hover span{display: none;}

.serve1_main1 .main .img{width: 580px; height: 380px;float: right;position: relative;overflow: hidden;}

.serve1_main1 .main .img .data{position: absolute;}

.serve1_main1 .main .img .data ul{display: block;width: 100%; height: 100%; position: relative;}

.serve1_main1 .main .img .data ul img{width: 100%; height: 100%;}

.serve1_main1 .main .img .data ul span{width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);position: absolute; top: 0;left: 0;z-index: 1;}

.serve1_main1 .main .img .data:hover span{display: none;}

.serve1_main1 .main .img .data:nth-child(1){width: 300px; height: 300px;top: 40px; right: 0;}

.serve1_main1 .main .img .data:nth-child(2){width: 160px; height: 160px;top: 0; right: 300px;}

.serve1_main1 .main .img .data:nth-child(3){width: 120px; height: 120px;top: 40px; right: 460px;}

.serve1_main1 .main .img .data:nth-child(4){width: 220px; height: 220px;top: 160px; right: 300px;}



.big_img{width: 1200px; height: 500px; position: relative; margin: 20px auto auto auto;overflow: hidden;border-radius:20px;}

.big_img img{width: 1200px; height: 500px;cursor:pointer;border-radius:20px;}

.big_img .swiper-pagination{bottom: 20px;}

.big_img .swiper-pagination-bullet{border-radius:0;width: 10px; height: 10px;border-radius: 50%; margin: 0 6px!important;background: #fff;opacity:0.5;}

.big_img .swiper-pagination-bullet-active{opacity:1;}



.img_article{width: 1200px; height: auto; overflow: hidden;margin: 0 auto;}

.img_article .article{display: none;width: 1200px; height: auto;padding: 20px 0;background-image: linear-gradient(#010207,#1b1c20);border-radius: 10px;}

.img_article .article a{display: block;width: 1160px; height: 40px; line-height: 40px;color: #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin: 0 auto;}



.serve1_main2{width: 1200px; height: auto;overflow: hidden; margin: 30px auto auto auto;}

.serve1_main2 .main{width: 1200px; height: auto; overflow: hidden;}

.serve1_main2 .main .title{width: 1200px; height: 50px;border-bottom: 1px #393939 solid;margin: 20px auto 50px auto;}

.serve1_main2 .main .title span{display: block;width: auto; height: 47px; line-height: 47px;border-bottom: 3px #393939 solid;float: left;color: #fff;font-size: 20px;}

.serve1_main2 .main .data{display: block;width: 1200px; height: 300px;overflow: hidden; position: relative;margin-top: 30px;cursor:pointer;}

.serve1_main2 .main .data .img0{display: block;width: 400px; height: 283px;opacity: 0.1;position: absolute;top: 0;left: 0;z-index: 1;}

.serve1_main2 .main .data .img1{display: block;width: 260px; height: 184px;position: absolute;top: 100px;left: 0;z-index: 2;}

.serve1_main2 .main .data video{display: none;width: 260px; height: auto;position: absolute;bottom: 0;left: 0;z-index: 2;background: #000;border-radius: 10px;}

.serve1_main2 .main .data .txt{width: 1000px; height: 160px; position: absolute; bottom: 0;right: 0;background-image: linear-gradient(to right, #0d459b, #0d459b, #2767b5 , #488cde, #488cde, #2767b5, #010207);border-radius: 50px 0 0 50px;}

.serve1_main2 .main .data .txt ul{padding: 20px 40px 0 120px;}

.serve1_main2 .main .data .txt ul h1{display: block;color: #fff;font-size: 20px;margin-top: 10px;}

.serve1_main2 .main .data .txt ul h2{display: block;color: #fff;font-size: 14px;margin-top: 10px;line-height: 30px;}

.serve1_main2 .main .data .txt span{width: 1000px;height: 160px;line-height: 160px; position: absolute;bottom: 0;right: 0;border-radius: 50px 0 0 50px;background-color: rgba(0, 0, 0, 0.8);display: none;z-index: 1;color: #fff;text-align: center;font-size:20px;}

.serve1_main2 .main .data:hover .txt span{display: block;}



.serve1_main3{width: 1200px; height: auto; overflow: hidden; margin: 30px auto auto auto;}

.serve1_main3 .main{width: 1200px; height: 120px;overflow: hidden;margin: auto auto 60px auto;}

.serve1_main3 .main ul{float: left;}

.serve1_main3 .main ul img{display: inline-block;width: 120px; height: 120px;margin: auto 20px;border-radius: 50%;}



.serve2_main0{width: 1200px; height: auto;overflow: hidden; margin: 30px auto auto auto;}

.serve2_main0 .main{width: 1200px; height: auto;margin-top: 30px;position: relative;}

.serve2_main0 img{display: block;width: 1200px; height: 800px;}
.serve2_main0 .gif0{display: block;width: 600px; height: 110px;position: absolute; top: 131px;left: 237px;transform:rotateY(180deg) rotateX(0deg);}
.serve2_main0 .gif1{display: block;width: 600px; height: 110px;position: absolute; top: 113px;left: 237px;transform:rotateY(180deg) rotateX(0deg) rotate(-6deg);}
.serve2_main0 .gif2{display: block;width: 600px; height: 110px;position: absolute; top: 147px;left: 237px;transform:rotateY(180deg) rotateX(0deg) rotate(3deg);}
.serve2_main0 .gif3{display: block;width: 600px; height: 110px;position: absolute; top: 532px;left: 203px;transform:rotateX(180deg);}
.serve2_main0 .gif4{display: block;width: 600px; height: 110px;position: absolute; top: 519px;left: 203px;transform:rotateX(180deg) rotate(4deg);}
.serve2_main0 .gif5{display: block;width: 600px; height: 110px;position: absolute; top: 551px;left: 203px;transform:rotateX(180deg) rotate(-8deg);}


.serve2_main0 p{display: block;width: auto;font-size: 16px;position: absolute;z-index: 1;color: #fff;}

.serve2_main0 .data0{font-size: 22px;top: 71px; left: 500px;background-color: rgba(22,116,251,0.4);padding: 10px 20px;border-radius: 30px;}

.serve2_main0 .data1{font-size: 22px;top: 135px; left: 344px;background-color: rgba(22,116,251,0.4);padding: 10px 20px;border-radius: 30px;}

.serve2_main0 .data2{font-size: 22px;top: 190px; left: 455px;background-color: rgba(22,116,251,0.4);padding: 10px 20px;border-radius: 30px;}

.serve2_main0 .data3{font-size: 22px;top: 555px; left: 465px;background-color: rgba(22,116,251,0.4);padding: 10px 20px;border-radius: 30px;}

.serve2_main0 .data4{font-size: 22px;top: 618px; left: 576px;background-color: rgba(22,116,251,0.4);padding: 10px 20px;border-radius: 30px;}

.serve2_main0 .data5{font-size: 22px;top: 674px; left: 512px;background-color: rgba(22,116,251,0.4);padding: 10px 20px;border-radius: 30px;}

.serve2_main0 .data6{top: 268px; left: 782px;text-shadow: #010207 1px 1px 2px;background-color: rgba(22,116,251,0.8);padding: 5px 8px;border-radius: 30px;}

.serve2_main0 .data7{top: 432px; left: 856px;text-shadow: #010207 1px 1px 2px;background-color: rgba(22,116,251,0.8);padding: 5px 8px;border-radius: 30px;}

.serve2_main0 .data8{top: 571px; left: 786px;text-shadow: #010207 1px 1px 2px;background-color: rgba(22,116,251,0.8);padding: 5px 8px;border-radius: 30px;}

.serve2_main0 .data9{font-size: 14px;top: 178px; left: 1110px;width: 100px;text-align: center; height: 20px; overflow: hidden;}

.serve2_main0 .data10{font-size: 14px;top: 268px; left: 1110px;width: 100px;text-align: center; height: 20px; overflow: hidden;}

.serve2_main0 .data11{font-size: 14px;top: 358px; left: 1110px;width: 100px;text-align: center; height: 20px; overflow: hidden;}

.serve2_main0 .data12{font-size: 14px;top: 447px; left: 1110px;width: 100px;text-align: center; height: 20px; overflow: hidden;}

.serve2_main0 .data13{font-size: 14px;top: 536px; left: 1110px;width: 100px;text-align: center; height: 20px; overflow: hidden;}

.serve2_main0 .data14{font-size: 14px;top: 623px; left: 1110px;width: 100px;text-align: center; height: 20px; overflow: hidden;}



.serve2_main1{width: 1200px; height: auto;overflow: hidden; margin: 30px auto auto auto;}

.serve2_main1 .main{width: 1200px; height: 900px;position: relative;overflow: hidden;}

.serve2_main1 .main img{display: block;width: 1200px; height: 686px;margin-top: 200px;}

.serve2_main1 .main .list{width: 1200px; height: 886px;position: absolute; top: 0;left: 0;}

.serve2_main1 .main .list .data{display: block;width: 200px; height: auto; overflow: hidden;position: absolute;z-index: 1;}

.serve2_main1 .main .list .data h1{display: block;width: 40px; height: 40px; overflow: hidden;border-radius: 50%;background: #1674fb;color: #fff;text-align: center;padding: 20px; margin: 0 auto;text-shadow: #000 1px 1px 1px;}

.serve2_main1 .main .list .data ul{display: none;width: 180px; height: auto; line-height: 22px;font-size: 14px;color: #fff;background-color: rgba(0,0,0,0.4);border-radius: 10px;padding: 10px;z-index: 2;position: relative;text-align: justify;}

.serve2_main1 .main .list .data:hover{z-index: 2;}

.serve2_main1 .main .list .data:hover ul{display: block;}

.serve2_main1 .main .list .data:nth-child(1){top: 160px;right: 80px;}

.serve2_main1 .main .list .data:nth-child(2){top: 461px;right: 0;}

.serve2_main1 .main .list .data:nth-child(3){top: 160px;left: 200px;}

.serve2_main1 .main .list .data:nth-child(4){top: 653px;right: 0;}

.serve2_main1 .main .list .data:nth-child(5){top: 585px;left: 0;}

.serve2_main1 .main .list .data:nth-child(6){top: 160px;left: 546px;}

.serve2_main1 .main .goods{width: 1200px; height: auto;position: absolute; bottom: 0;left: 0;}

.serve2_main1 .main .goods a{display: block;width: 600px; height: auto;float: left;cursor:pointer;}

.serve2_main1 .main .goods a h1{display: block;width: 60px; height: 40px;line-height: 40px; overflow: hidden;border-radius: 50%;background: #fcc02e;color: #fff;text-align: center;padding:20px 10px; margin: 0 auto;}

.serve2_main1 .main .goods a ul{display: block;width: 180px; height: auto; line-height: 22px;font-size: 14px;color: #fff;background-color: rgba(0,0,0,0.4);border-radius: 10px;padding: 10px;z-index: 1;position: relative;text-align: center;margin: 0 auto;}



.serve2_main2{width: 1200px; height: auto;overflow: hidden; margin: 30px auto;}

.serve2_main2 .main{width: 1200px; height: auto;position: relative;padding-bottom: 60px;}

.serve2_main2 .main img{display: block;width: 1200px; height: auto;}

.serve2_main2 .main .data{width: 240px; height: auto;position: absolute;}

.serve2_main2 .main .data h1{font-size: 26px;color: #fff;text-shadow: #1674fb 1px 1px 1px;}

.serve2_main2 .main .data h2{color: #fff;font-size: 14px;line-height: 20px;padding-top: 10px;}

.serve2_main2 .main .data:nth-child(2){top: 84px; left: 10px;text-align: left;}

.serve2_main2 .main .data:nth-child(3){top: 398px; left: 10px;text-align: left;}

.serve2_main2 .main .data:nth-child(4){top: 84px; right: 10px;text-align: right;}

.serve2_main2 .main .data:nth-child(5){top: 398px; right: 10px;text-align: right;}

.serve2_main2 .main .txt{display: table; width: auto;height: 50px; line-height: 50px;border-radius: 50px; color: #fff;text-shadow: #1674fb 1px 1px 1px; position: relative;z-index: 1;text-align: center;font-size: 20px;margin: -120px auto auto auto;padding: 0 20px;background: #1674fb;}